JavaScript Expressivo: Uma Introdução Moderna à Programação: Projetando para Flexibilidade: A Interface de Tabela

A base de um sistema flexível reside em definir um contrato interno rígido contrato ou interface que os objetos devem seguir. Neste contexto, definimos uma Interface de Tabela onde cada objeto de célula garante a existência de três métodos específicos: minLargura(), , minAltura(), e desenhar(largura, altura).

1. O Contrato da Interface

Padronizando esses métodos, a lógica de layout pode calcular as dimensões globais das linhas e colunas sem conhecer os tipos de dados internos das células individuais. Este é um exemplo clássico de Polimorfismo Baseado em Interface.

2. Implementação de TextCell

O TextCell construtor prepara a entrada bruta dividindo strings em arrays linha por linha. Isso transfere a complexidade da fase de renderização para a fase de instanciação.

this.text = texto.split("\n");

3. Desenho Determinístico

O desenhar(largura, altura) método garante que cada saída da célula seja perfeitamente preenchida usando um repetir() auxiliar. Isso mantém o alinhamento vertical e horizontal independentemente do comprimento do conteúdo.

$$\text{Preenchimento} = \text{Largura} - \text{comprimento da linha}$$

TERMINALbash — 80x24

> Ready. Click "Run" to execute.

QUESTION 1

What is the primary benefit of the Table Interface contract in this design?

It forces all data to be strings.

It allows the layout engine to remain agnostic of the data it displays.

It speeds up JavaScript memory allocation.

It automatically creates HTML tables.

QUESTION 2

In TextCell.prototype.minWidth, why is reduce used?

To sum the length of all lines.

To find the longest line length in the cell.

To remove empty lines.

To convert the array back into a string.

✅ Correct!

It uses Math.max within reduce to distill the array of lines down to a single maximum width value.

QUESTION 3

What does TextCell.prototype.draw(width, height) return?

A single long string with newline characters.

A canvas object for rendering.

An array of strings, each exactly 'width' characters wide.

A boolean indicating if the draw was successful.

QUESTION 4

What is the purpose of the repeat helper function?

To handle cell borders.

To add padding spaces to ensure straight columns.

To duplicate rows for larger tables.

To loop through the cell array.

❌ Incorrect

repeat is a utility for string padding, which is critical for visual alignment in text tables.

QUESTION 5

How does TextCell handle a multi-line string input?

It rejects it as invalid data.

It stores it as an array using split('\n').

It replaces newlines with spaces.

It only keeps the first line.

❌ Incorrect

The constructor breaks the input down so minHeight and minWidth can perform calculations on the lines.